<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>我的资产</title>
    <link rel="stylesheet" href="../common/css/bootstrap-datetimepicker.min.css" />
</head>
<body>

<div class="box">
    <!--头部-->
    <span id="header"></span>

    <div class="auth-main clearfix">
        <!--侧边导航-->
        <span id="nav"></span>

        <!--内容区域-->
        <div class="main main-width-mid">
            <div class="x-ibox-title x-color-tip m-b-sm">
                		我的资产
            </div>
            <div class="ibox-content m-assets" style="position: relative;">
                <div class="m-asset">
                    <span>我的资产</span>
                    <div class="money">456700.00</div>
                </div>
                <div class="m-asset">
                    <span>可用金额</span>
                    <div class="money">56700.00</div>
                </div>
                <div class="m-asset">
                    <span>已冻结金额</span>
                    <div class="money">410000.00</div>
                </div>
                <div class="m-asset">
                    <span>授信金额</span>
                    <div class="money">410000.00</div>
                </div>
                <a href="./提现.html" type="button" class="btn btn-danger" style="top: 15px;">提现</a>
                <a href="./充值.html" type="button" class="btn btn-danger" style="top: 50px;">充值</a>
            </div>
            <div class="ibox-title" style="position: relative; margin-top: 0; border-top-width: 1px">
                <div style="position: absolute; right:15px; top: 15px;">
                    <a href="./重置支付密码.html" class="pull-right" style="color: #C2343A; margin-left: 20px">重置支付密码</a>
                    <a href="./设置支付密码.html" class="pull-right" style="color: #333;">安全设置</a>
                </div>
            </div>

            <div class="ibox-title" style="border-bottom-width: 1px; margin-bottom: 1px;">
                <h5 style="color: #C2343A;">资金明细</h5>
            </div>
            <div class="ibox-search" style="position: relative;border-bottom: none;">
                <div class="form-inline search-input">
                    <div class="input-group" style="margin-left:-10px;">
                        <span class="input-group-addon ">时间：</span>
                        <input type="text" class="form-control form_datetime" style="width: 170px;" value="2017/07/07">
                    </div>
                    <div class="input-group">
                        <span class="input-group-addon">类型：</span>
                        <select class="form-control">
                            <option value="">--请选择--</option>
                        </select>
                    </div>

                </div>
                <div style="position: absolute; right:20px; top: 11px;">
                    <button type="button" class="btn btn-sm btn-danger btn-outline" style="padding: 0">搜索</button>
                </div>
            </div>
            <div class="ibox-content" style="border-top:none">
                <table class="table table-bordered  u-table-center">
                    <thead>
                    <tr>
                        <th>时间</th>
                        <th>类型</th>
                        <th>内容</th>
                        <th>金额</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>2017-04-04 12:34:00</td>
                        <td>充值</td>
                        <td>充值到余额</td>
                        <td class="text-danger">-1600.00</td>
                    </tr>
                    <tr>
                        <td>2017-04-04 12:34:00</td>
                        <td>提现</td>
                        <td>提现到银行卡</td>
                        <td class="text-warning">+3200.00</td>
                    </tr>
                    <tr>
                        <td>2017-04-04 12:34:00</td>
                        <td>买入</td>
                        <td>
                            	<p>支付订单收款</p>
                            	<p class="m-t-xs">订单号：102521002110</p>
                          
                        </td>
                        <td class="text-danger">-1600.00</td>
                    </tr>
                    <tr>
                        <td>2017-04-04 12:34:00</td>
                        <td>卖出</td>
                        <td>
                          	<p>支付订单收款</p>
                             <p class="m-t-xs">订单号：102521002110</p>
                          
                        </td>
                        <td class="text-danger">-1600.00</td>
                    </tr>
                    <tr>
                        <td>2017-04-04 12:34:00</td>
                        <td>缴纳保证金</td>
                        <td>缴纳卖家保证金</td>
                        <td class="text-danger">-1600.00</td>
                    </tr>
                    </tbody>
                </table>

                <!--分页-->
                <div class="page">
                    <ul class="pageMenu clearfix">
                        <li class="firstPage disabled">首页</li>
                        <li class="prevPage disabled"> &lt; 上一页</li>
                        <div class="pageObj ">

                            <li class="pageNum active" style="display: list-item;">1</li>
                            <li class="pageNum" style="display: list-item;">2</li>
                            <li class="pageNum" style="display: list-item;">3</li>
                            <li class="pageNum" style="display: list-item;">4</li>
                        </div>
                        <li class="nextPage"> 下一页 &gt;</li>
                        <li class="lastPage">尾页</li>
                        <li class="last" style="font-size: 14px;">
                            共<span class="totalPage">4</span>页，跳转至 <input type="number" class="keuInput" value="1">
                            <button type="button" class="btnSure">确定</button>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!--页尾-->
    <span id="footer"></span>
</div>
</body>
</html>
<script src="../common/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="../common/js/bootstrap-datetimepicker.js" ></script>
<script type="text/javascript" src="../common/js/bootstrap-datetimepicker.zh-CN.js" ></script>
<script type="text/javascript">
    $.get('../common/html/head.html', function (data) {
        $('title').after(data)
    });

    $.get('../common/html/header.html', function (data) {
        $('#header').html(data)
    });

    $.get('../common/html/nav.html', function (data) {
        $('#nav').html(data)
    });

    $.get('../common/html/footer.html', function (data) {
        $('#footer').html(data)
    });
    
    
    
    //日期插件
    	$('.form_datetime').datetimepicker({  
            language:  'zh-CN', 
            minView:'month',
            weekStart: 1,  
            todayBtn:  1,  
            autoclose: 1,  
            todayHighlight:1,  
            startView: 2,  
            forceParse: 0,  
            showMeridian: 1
        }).on('changeDate', function (ev) {
        	
            $(this).datetimepicker('hide');  
        }); 
		
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
</script>